@import '../../css/base.scss';
.prod-list {
    padding: 0 p2rm(30);
    .prod {
        padding: p2rm(34) 0;
        border-bottom: solid 1px #e5e5e5;
    }
    .prod-img {
        position: relative;
        width: 100%;
        height: p2rm(330);
    }
    .prod-bg {
        height: 100%;
        width: 100%;
    }
    $imgheight: 150;
    .prod-thumb-wrap {
        position: absolute;
        left: p2rm(26);
        bottom: - p2rm($imgheight / 2);
        width: p2rm(200);
        height: p2rm($imgheight);
        line-height: p2rm($imgheight);
        text-align: center;
    }
    .prod-thumb {
        height: 86%;
        vertical-align: middle;
    }
    .prod-price {
        margin-top: p2rm(20);
        padding-right: p2rm(12);
        height: p2rm(48);
        line-height: p2rm(48);
        font-size: p2rm(32);
        text-align: right;
        .note {
            padding: 0 p2rm(12);
            color: #f15a24;
            font-size: p2rm(38);
        }
    }
    .prod-desc {
        padding-top: p2rm(11);
    }
    .prod-type {
        display: inline-block;
        margin-right: p2rm(50 - 36);
        width: p2rm(36);
        height: p2rm(36);
        line-height: p2rm(36);
        font-size: p2rm(28);
        text-align: center;
        color: #fff;
        background: #fed517;
        border-radius: p2rm(4);
    }
    .prod-title {
        position: relative;
        top: p2rm(2);
        display: inline-block;
        font-size: p2rm(32);
        height: p2rm(36);
        line-height: p2rm(36);
    }
    .prod-desc-text {
        display: inline-block;
        width: 100%;
        padding-left: p2rm(50);
        height: p2rm(40);
        line-height: p2rm(40);
        font-size: p2rm(24);
        color: #999999;
    }
}
